﻿<div class="modal fade" id="login" role="dialog">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">用户登录</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <fieldset>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="col-md-3 control-label" for="login-name">用户名</label>
                                <div class="col-md-9">
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                                        </span>
                                        <input type="text" class="form-control input-sm" id="login-name" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="col-md-3 control-label" for="login-password">密码</label>
                                <div class="col-md-9">
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
                                        </span>
                                        <input type="text" class="form-control input-sm" id="login-password" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                </form>
                <p id="login-message" class="alert alert-danger" role="alert">登录失败，请确认用户名或者密码是否正确。</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn-sm" id="login-button"><span class="glyphicon glyphicon-log-in" aria-hidden="true"></span> 登录</button>
                <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>